<div class="modal" id="myModels" tabindex="-1" role="dialog"
		aria-labelldby="myModelLabel">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<h2>添加到购物车成功</h2>
				</div>
				<div class="modal-footer">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">确定</span>
					</button>
				</div>
			</div>
		</div>
	</div>

	<!-- 登录模态框（Modal） -->
	<div class="modal fade" id="loginModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">登录</h4>
				</div>
				<div class="modal-body">
					<!-- 用户名，密码 -->
					<div class="form-group">
						<label for="firstname" class="col-sm-2 control-label">用户名</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="userName"
								placeholder="请输入用户名">
							<span class="nameWaring"style="display:none;color:#ff0000">请输入用户名</span>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">密&nbsp;&nbsp;&nbsp;&nbsp;码</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" id="passwd"
								placeholder="请输入密码">
								<span class="passwdWaring"style="display:none;color:#ff0000">密码错误</span>
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
							<div class="checkbox">
								<label> <input type="checkbox"> 请记住我
								</label>
							</div>
						</div>
					</div>

				</div>
				<div class="modal-footer">
				<a href="findPass.jsp"><span>忘记密码</span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<span onclick="changeToRegist()">没有账号？注册</span>
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" id="login_btn">确定</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	
	
	
	
	
	
	
	
	<!-- 注册模态框 -->
	<div class="modal fade" id="registModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">注册</h4>
				</div>
				<div class="modal-body">
					
					
					<div class="form-group">
						<label for="firstname" class="col-sm-2 control-label">用户名</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="r_userName"
								placeholder="请输入用户名">
							<span class="r_nameWaring"style="display:none;color:#ff0000">请输入用户名</span>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">密&nbsp;&nbsp;&nbsp;&nbsp;码</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" id="r_passwd"
								placeholder="请输入密码">
								<span class="r_passwdWaring"style="display:none;color:#ff0000">密码不符合规范</span>
						</div>
					</div>
					
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">再输一次</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" id="r_rpasswd"
								placeholder="请再次输入密码">
								<span class="r_rpasswdWaring"style="display:none;color:#ff0000">密码不相同</span>
						</div>
					</div>
					<!-- sex -->
					<div class="form-group">
						<label for="lastname" class="col-sm-2 control-label">性别</label>
						<div class="input-group" id="r_sex">
							<span class="input-group-addon">
                  			<input type="radio" checked="checked" value="man" name="sex">男
               				</span>
               				<span class="input-group-addon">
                  			<input type="radio" value="women"name="sex">女
               				</span>
						</div>
					</div>
					<!-- phone -->
					<div class="form-group">
						<label for="firstname" class="col-sm-2 control-label">手机号</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="r_phone"
								placeholder="请输入手机号">
							<span class="r_phoneWaring"style="display:none;color:#ff0000">请输入正确的手机号</span>
						</div>
					</div>
					<!-- email -->
					<div class="form-group">
						<label for="firstname" class="col-sm-2 control-label">邮箱</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" id="r_email"
								placeholder="请输入邮箱">
							<span class="r_emailWaring"style="display:none;color:#ff0000">请输入正确的邮箱</span>
						</div>
					</div>
					
					<!-- address -->
					<div class="form-group">
						<label for="firstname" class="col-sm-2 control-label">居住地址</label>
						<div class="col-sm-10">
							<select class="r_local_province">
							</select>
							<select class="r_local_city">
							</select>
							<select class="r_local_country">
							</select>
							<input type="text" class="form-control" id="r_address"
								placeholder="详细地址">
							<span class="r_addressWaring"style="display:none;color:#ff0000">请输入详细地址</span>
						</div>
					</div>
					
					
				</div>
				<div class="modal-footer">
					<span onclick="changeToLogin()">已有账号？登录</span>
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭
					</button>
					<button type="button" class="btn btn-primary"id="regist_btn">确定</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	
	<script type="text/javascript">
	function changeToLogin(){
		$('#registModal').modal('hide');
		
		$('#loginModal').modal('show');
	}
	
	function changeToRegist(){
		$('#loginModal').modal('hide');
		
		$('#registModal').modal('show');
	}
	</script>
